<template>
    <div>
        <Card :title="copyFormData.pageTitle" :bordered="false" dis-hover class="ivu-mt">
            <Form ref="formData" :model="formData" :rules="copyFormDataRules" :label-width="140">
                <Row>
                    <Col span="18" offset="3" v-for="(item, index) in copyFormData" :key="index">
                        <component :itemData="item.data" :formData.sync="formData" v-bind:is="item.fileName" @handleChangeFormData="handleChangeFormData"></component>
                    </Col>
                </Row>
            </Form>
        </Card>
    </div>
</template>
<script>
    import forms from '@/mixins/dynamicFormView'; // 混入通用代码
    import qwSelectTree from '@/components/common/formItem/qwSelectTree'; // selectTree组件
    import qwInput from '@/components/common/formItem/qwInput'; // input组件
    import qwSelect from '@/components/common/formItem/qwSelect'; // select组件
    import qwDatePicker from '@/components/common/formItem/qwDatePicker'; // 时间组件
    import qwUpload from '@/components/common/formItem/qwUpload'; // upload组件
    import qwCascader from '@/components/common/formItem/qwCascader'; // 级联组件
    import qwRadio from '@/components/common/formItem/qwRadio'; // 单选组件
    import qwCheckbox from '@/components/common/formItem/qwCheckbox'; // 多选组件

    export default {
        mixins: [ forms ],
        components: { qwSelectTree, qwInput, qwDatePicker, qwSelect, qwUpload, qwCascader, qwRadio, qwCheckbox },
        data () {
            return {
            }
        }
    }
</script>
<style lang="less" scoped>
</style>
